<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="con">
				<image src="/static/images/back.png" mode="widthFix" class="back"></image>
				<view class="tit">设置</view>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--设置start-->
		<view class="set">
			<u-cell-group :border="border">
				<u-cell title="登录密码" value="修改" isLink></u-cell>
				<u-cell title="交易密码" value="修改" isLink @tap="open_pwd"></u-cell>
				<u-cell title="手势密码"  :border="border">
					<u-switch slot="value" v-model="value" activeColor="#4AB893"  inactiveColor="#E6E6E6" size="23"></u-switch>
				</u-cell>
			</u-cell-group>
			<u-cell-group :border="border">
				<u-cell title="社交账户" value="" isLink></u-cell>
				<u-cell title="谷歌验证" value="修改" isLink  :border="border"></u-cell>
			</u-cell-group>
			<u-cell-group :border="border">
				<u-cell title="仅本设备可登录">
					<u-switch slot="value" v-model="value1" activeColor="#4AB893"  inactiveColor="#E6E6E6" size="23"></u-switch>
				</u-cell>
				<u-cell title="禁止多IP同时在线"  :border="border">
					<u-switch slot="value" v-model="value2" activeColor="#4AB893"  inactiveColor="#E6E6E6" size="23"></u-switch>
				</u-cell>
			</u-cell-group>
		</view>
		<!--设置start-->
		
		<!--弹窗start-->
		<u-popup :show="pwd_show" :closeOnClickOverlay="true" @close="pwd_close" customStyle="background: none">
			<view class="choose">
				<view class="tit">验证登录密码<image src="/static/images/img_31.png" mode="widthFix" @tap="pwd_close"></image></view>
				<view class="code_form">
					<view class="t_input">
						<label>输入登录密码</label>
						<u-input type="number" :password="showPassword"  value="123466" placeholder="" placeholderStyle="color: #8B8B8C"></u-input>
						<view class="eye" :class="[showPassword==true?'':'on']" @click="ShowPwd"></view>
					</view>
				</view>
				<view class="f_btn">
					<button class="submit on" @click="pwd_close">确认</button>
					<u-safe-bottom></u-safe-bottom>
				</view>
				<u-safe-bottom></u-safe-bottom>
			</view>
		</u-popup>
		<!--弹窗start-->

		
		<view class="f_btn">
			<button class="submit on">切换账号</button>
			<button class="exit">安全退出</button>
			<u-safe-bottom></u-safe-bottom>
		</view>
		<u-safe-bottom></u-safe-bottom>
	
	</view>	
</template>

<script>
	export default{
		data(){
			return{
				value: true,
				value1: false,
				value2: false,
				border:false,
				showPassword: true,
				pwd_show: false
			}
		},
		methods:{
			ShowPwd(){
				this.showPassword = !this.showPassword
			},
			open_pwd(){
				this.pwd_show = true
			},
			pwd_close(){
				this.pwd_show = false
			}
		}
	}
</script>

<style lang="scss">
	@import url("../../common/style.scss");
	@import url("../member/member.scss");
	@import url("my.scss");
	.code_form {
		margin-bottom: 240rpx;
	}
	.t_input label{
		text-align: left;
	}
</style>